<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <title>资产ID贯通查询系统</title>

  <link th:href="@{/libs/bootstrap/bootstrap-3.4.1/css/bootstrap.min.css}" rel="stylesheet" />
  <link th:href="@{/libs/font/font-awesome/4.7.0/css/font-awesome.min.css}" rel="stylesheet" />
  <link th:href="@{/libs/font/ionicons/2.0.0/css/ionicons.min.css}" rel="stylesheet" />
  <!-- <link th:href="@{/libs/adminlte/2.4.18/css/adminlte.min.css}" rel="stylesheet" /> -->
  <link th:href="@{/libs/jquery/icheck/1.0.1/square/blue.css}" rel="stylesheet" />
  <link th:href="@{/css/base.css}" rel="stylesheet" />

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <meta http-equiv="refresh" content="0;ie.html" />
  <![endif]-->

  <link th:href="@{favicon.ico}" rel="shortcut icon" />
  <style type="text/css">
    label.error {
      position: inherit;
    }

    body {
      color: #999;
      background: url(../img/e22628a0d2586b49ca5d7427fe88491c.jpg) no-repeat center fixed;
      /* background:url('/assets/img/loginbg.jpg'); */
      background-size: cover;
    }

    a {
      color: #fff;
    }

    .login-panel {
      margin-top: 150px;
    }

    .login-screen {
      max-width: 400px;
      padding: 0;
      margin: 80px auto 0 auto;
    }

    .login-screen .well {
      border-radius: 3px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      background: rgba(255, 255, 255, 0.8);
    }

    .login-screen .copyright {
      text-align: center;
    }

    @media(max-width:767px) {
      .login-screen {
        padding: 0 20px;
      }
    }

    .profile-img-card {
      margin: 5px auto;
      display: block;
    }

    .profile-name-card {
      font-size: 14px;
      text-align: center;
    }

    .login-form {
      margin-top: 20px;
    }

    .login-form .input-group {
      margin-bottom: 15px;
    }

  </style>
  <script>
    if (window.top !== window.self) {
      window.top.location = window.location
    };
  </script>
</head>

<body>
  <div class="container">
    <div class="login-wrapper">
      <div class="login-screen">
        <div class="well">
          <div class="login-form">
            <img th:src="@{/img/logo151x50.png}" class="profile-img-card" />
            <p class="profile-name-card">资产ID贯通查询系统登录</p>
            <form id="signupForm">
              <div class="input-group">
                <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                <input type="text" name="username" class="form-control uname" placeholder="用户名" value="admin" />
              </div>

              <div class="input-group">
                <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
                <input type="password" name="password" class="form-control pword" placeholder="密码" value="admin123" />
              </div>

              <div class="input-group" th:if="${captchaEnabled==true}">
                <div class="input-group-addon"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span></div>
                <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off" style="width: 100px;">
                <a href="javascript:void(0);" title="点击更换验证码">
                  <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="90" height="34" />
                </a>
              </div>

              <div class="form-group">
                <div class="checkbox icheck" th:classappend="${captchaEnabled==false} ? 'm-t'">
                  <input type="checkbox" id="rememberme" name="rememberme">
                  <label for="rememberme">记住我</label>
                </div>

              </div>

              <div class="form-group">
                <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
              </div>

            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script th:inline="javascript">
    var ctx = [[@{/}]];
    var captchaType = [[${captchaType}]];
  </script>
  <!-- 公共 -->
  <script th:src="@{/libs/jquery/jquery.min-2.1.4.js}"></script>
  <script th:src="@{/libs/bootstrap/bootstrap-3.4.1/js/bootstrap.min.js}"></script>
  <script th:src="@{/libs/jquery/icheck/1.0.1/icheck.min.js}"></script>
  <script th:src="@{/libs/jquery/validate/jquery.validate.min.js}"></script>
  <script th:src="@{/libs/jquery/validate/messages_zh.min.js}"></script>
  <script th:src="@{/libs/jquery/layer/3.1.1/layer.js}"></script>
  <script th:src="@{/libs/jquery/blockUI/jquery.blockUI-2.70.0.js}"></script>
  <!-- 自定义 -->
  <script th:src="@{/js/ry-ui.js}"></script>
  <script th:src="@{/js/login.js}"></script>
  <!-- 独立设置 begin -->
  <script>
    $(function () {
      $('input').iCheck({
        checkboxClass: 'icheckbox_square-blue',
        radioClass: 'iradio_square-blue',
        increaseArea: '20%' /* optional */
      });
    });
  </script>
  <!-- 独立设置 end -->
</body>

</html>